// 放大镜
$(function() {
	
	var magnifierConfig = {
		magnifier : "#magnifier1",//最外层的大容器
		width : 342,//承载容器宽
		height : 474,//承载容器高
		moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
		zoom : 5//缩放比例
	};

	var _magnifier = magnifier(magnifierConfig);

	/*magnifier的内置函数调用*/
	/*
		//设置magnifier函数的index属性
		_magnifier.setIndex(1);

		//重新载入主图,根据magnifier函数的index属性
		_magnifier.eqImg();
    */
    
});
   //点击加号，商品的数量增加
   $('.add').click(function () {

    //获取原来商品的数量
    // let nVal = $('input').val()
    let nVal = +$('input').prop('value')
    console.log(nVal)

    //商品数量自增
    nVal++;

    //赋值
    $('input').val(nVal)

})

//商品数量减少
$('.reduce').click(function () {

    //获取
    let nVal = +$('input').val()
    console.log(nVal)

    //自减
    nVal--;

    //判断
    if (nVal === 0) return;

    //赋值
    $('input').val(nVal)

})


// 页面切换
// $('.right-bottom li').mouseover(function(){
//     $(this).addClass('active').siblings().removeClass('active')
    
//       //当前菜单索引
//       let index = $(this).index()

//       //显示当前菜单对应的内容
//       $('.right-top ul').eq(index).addClass('on').siblings().removeClass('on')


// })
$('.right-bottom li').mouseover(function () {
    $(this).addClass('active').siblings().removeClass('active')
        .closest('.bottom-right').siblings('.right-top').find('ul')
        .eq($(this).index()).addClass('on').siblings().removeClass('on')
})